<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style.css">
    <title>Sign in</title>
</head>
<body>
    <nav class="navmenu__main">

            <a class="navmenu__home navmenu__flexboxtitle" href="#">Flexbox</a>

            <ul class="navmenu__menu">
                <li><a class="refitem" href="#">About</a></li>
                <li><a class="refitem" href="#">Works</a></li>
                <li><a class="refitem" href="#">Blog</a></li>
            </ul>

            <div class="navmenu__btn-contact">
                <button class="btn navmenu__contact">Contact</button>
            </div>

    </nav>
    <main class="main__container">
        <form class="main__input">
                <h3 class="main__menuheader">Sign in to account</h3>
                    <input class="main__forminput" type="email" id="idemail" placeholder="Email">
                    <input class="main__forminput" type="password" id="idpass" placeholder="Password">
                <a class="refitem" href="#">Forgot email or password?</a>
                <button class="btn main__signin" type="signin">Sign In</button>
        </form>
    </main>

</body>
</html>